<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象拷贝</title>
    <script src="jquery.min.js"></script>
</head>

<body>
    <script>
        $(function() {
            // 1.当要拷贝到的对象中没有数据
            // var targetobj = {};
            // var obj = {
            //     id: 1,
            //     name: 'andy'
            // };
            // // $.extend(target,obj)
            // $.extend(targetobj, obj);
            // console.log(targetobj)
            // 2.当要拷贝的对象中有数据，会覆盖
            // var targetobj = {
            //     id: 0
            // };
            // var obj = {
            //     id: 1,
            //     name: 'andy'
            // };
            // // $.extend(target,obj)
            // $.extend(targetobj, obj);
            // console.log(targetobj);
            // 3.
            var targetobj = {
                id: 0,
                msg: {
                    seg: '男'
                }
            };
            var obj = {
                id: 1,
                name: 'andy',
                msg: {
                    age: 18
                }
            };
            // $.extend(target,obj)
            $.extend(targetobj, obj);
            console.log(targetobj);
            // 浅拷贝，把原来对象中复杂数据类型的地址拷贝给对象
            targetobj.msg.age = 20;
            console.log(targetobj);
            console.log(obj);
            // 深拷贝
            var target = {
                id: 0,
                msg: {
                    sex: '男'
                }
            };
            var obj = {
                id: 1,
                name: 'andy',
                msg: {
                    age: 18
                }
            };
            $.extend(true, target, obj);
            console.log(target);
            obj.msg.age = 15;
            console.log(target);
            console.log(obj);
        });
    </script>
</body>

</html>